import React, {Component} from 'react'

import {StackNavigator} from 'react-navigation'

import CardStackStyleInterpolator from 'react-navigation/src/views/CardStack/CardStackStyleInterpolator';

//import TabBar from './src/TabBar'
import RouteConfig from './src/RoutesScreen'

const Navigator = StackNavigator(RouteConfig, {
  mode: 'card',  // 页面切换模式, 左右是card(相当于iOS中的push效果), 上下是modal(相当于iOS中的modal效果)
  headerMode: 'screen', // 导航栏的显示模式, screen: 有渐变透明效果, float: 无透明效果, none: 隐藏导航栏
  // android 页面切换模式, 左右是card(相当于iOS中的push效果),
  transitionConfig: () => ({
    screenInterpolator: CardStackStyleInterpolator.forHorizontal,
  })
  //onTransitionStart: ()=>{ alert('导航栏切换开始'); },  // 回调
  //onTransitionEnd: ()=>{ alert('导航栏切换结束'); }  // 回调
});


export default class App extends Component {
  render() {
    return <Navigator/>
  }
}

